<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">

    <ui:composition template="/plantillas/plantillaPrincipal.xhtml">
        <ui:define name="contenido">
            <f:view>
                <h:form id="formulario">

                    <p:panel id="pnlStockInicial" header="Stock Inical"
                             style="width:80%;margin: 5px auto">

                        <p:panelGrid styleClass="grid">
                            <p:row>
                                <p:column style="width: 97px">
                                    <h:outputLabel id="lblRS" value="RAZÓN SOCIAL: " styleClass="lblForm" />
                                </p:column>
                                <p:column colspan="3">
                                    <h:outputLabel id="txtRS" value="#{BKStockInicial.razonSocial}"   />
                                </p:column>
                            </p:row>
                            
                            
                            <p:row>
                                <p:column >
                                    <h:outputLabel id="lblSede" value="SEDE(*): " styleClass="lblForm" />
                                </p:column>
                                <p:column colspan="3" >
                                    <p:inputText readonly="true" id="txtLocal" required="true" value="#{BKStockInicial.articuloFormulario.sede.direccion}" 
                                                  style="width: 370px"/>
                                    <p:commandButton value="BUSCAR" styleClass="ui-priority-primary" id="btnBuscarDireccion" icon="ui-icon-search"
                                                     actionListener="#{MBCompBuscarDireccion.inicializarBusquedaDireccion}" immediate="true"
                                                     onclick="buscarDireccion.show()" update=":formDireccion:panelDireccion" style="font-size: 10px">
                                        <f:setPropertyActionListener value="#{true}" target="#{BKSede.conRazonSocial}" />
                                    </p:commandButton> 
                                        
                                    <p:message for="txtLocal" display="text" />
                                </p:column>
                            </p:row>

                            <p:row>
                                <p:column>
                                    <h:outputLabel id="lblCategoria" value="CATEGORIA: " styleClass="lblForm" />
                                </p:column>
                                <p:column colspan="3">

                                    <p:selectOneMenu id="cbxCategoria" value="#{BKStockInicial.articuloFormulario.articulo.idCategoriaArticulo}"
                                                     converter="#{categoriaArticuloConverter}" filterMatchMode="contains" style="width: 450px"
                                                     panelStyle="width:450px"
                                                     filter="#{BKStockInicial.listaCategoria.size() gt 10}" >
                                        <f:selectItem itemLabel="Seleccionar" itemValue="" />
                                        <f:selectItems value="#{BKStockInicial.listaCategoria}"
                                                       var="categoria" itemLabel="#{categoria.nombre}"
                                                       itemValue="#{categoria}" />
                                        <p:ajax update="idArticulo" listener="#{MBStockInicial.buscarArticulo}" event="change" /> 
                                    </p:selectOneMenu>
                                    <p:message for="cbxCategoria" display="text" />
                                </p:column>
                            </p:row>
                            <p:row>
                                <p:column>
                                    <h:outputLabel id="lblArticulo" value="ARTICULO(*): " styleClass="lblForm" />
                                </p:column>
                                <p:column colspan="3">
                                    <p:selectOneMenu value="#{BKStockInicial.articuloFormulario.articulo}" id="idArticulo" panelStyleClass="print"
                                                     converter="#{articuloConverter}" var="arti" filter="#{BKStockInicial.listaArticulo.size() gt 10}" filterMatchMode="contains" 
                                                     panelStyle="width:450px" style="width: 450px" >  
                                        <f:selectItem itemLabel="Seleccionar" itemValue="" />  
                                        <f:selectItems value="#{BKStockInicial.listaArticulo}" var="art"
                                                       itemLabel="#{art.nombreComercial}" itemValue="#{art}"  />
                                        <p:column filterStyleClass="print">  
                                            #{arti.nombreComercial}
                                        </p:column> 
                                    </p:selectOneMenu>
                                    <p:message for="idArticulo" display="text" />
                                </p:column>
                            </p:row>
                            <p:row>
                                <p:column>
                                    <h:outputLabel id="lblPartida" value="PARTIDA/LOTE: " styleClass="lblForm" />
                                </p:column>
                                <p:column style="width: 130px">
                                    <p:inputText onkeyup="cambiarMayuscula(this)" id="txtPartida" value="#{BKStockInicial.articuloFormulario.partidaLote}" maxlength="30" style="width: 100%"
                                                 required="true"/>
                                    <p:message for="txtPartida" display="text" />
                                </p:column>
                                <p:column style="width: 123px">
                                    <h:outputLabel id="lblUM" value="UNIDAD MEDIDA(*): " styleClass="lblForm" />
                                </p:column>
                                <p:column style="width: 130px">
                                    <p:selectOneMenu id="cbxUM" required="true" style="width: 100%"
                                                     value="#{BKStockInicial.articuloFormulario.unidadMedida.id}" > 
                                        <f:selectItem itemLabel="Seleccionar" itemValue="" /> 
                                        <f:selectItems value="#{BKStockInicial.listaTipoUnidadMinima}" var="unidad" 
                                                       itemLabel="#{unidad.abrev}" itemValue="#{unidad.id}" />	
                                    </p:selectOneMenu>	
                                    <p:message for="cbxUM" display="text"/>

                                </p:column>
                            </p:row>
                            <p:row>
                                <p:column>
                                    <h:outputLabel id="lblCantidad" value="CANTIDAD(*): " styleClass="lblForm" />
                                </p:column>
                                <p:column>
                                    <p:inputText id="txtCantidad" required="true" value="#{BKStockInicial.articuloFormulario.caStockDisponible}"
                                                 style="width: 100%"/>
                                    <p:message for="txtCantidad" display="text" />
                                </p:column>
                                <p:column>
                                    <h:outputLabel id="lblValor" value="VALOR EN DÓLARES(*): " styleClass="lblForm" />
                                </p:column>
                                <p:column>
                                    <p:inputText id="txtValor" required="true" value="#{BKStockInicial.articuloFormulario.vaCosto}" 
                                                 style="width: 100%"/>
                                    <p:message for="txtValor" display="text" />
                                </p:column>
                            </p:row>
                            <p:row>
                                <p:column>
                                    <h:outputLabel id="lblCodigoCliente" value="CODIGO CLIENTE: " styleClass="lblForm" />
                                </p:column>
                                <p:column>
                                    <p:inputText onkeyup="cambiarMayuscula(this)" id="txtCodigoCliente" value="#{BKStockInicial.articuloFormulario.codigoCliente}"
                                                 style="width: 100%" maxlength="3"/>
                                    <p:message for="txtCodigoCliente" display="text" />
                                </p:column>
                                <p:column>
                                    <h:outputLabel id="lblFechaIngreso" value="FECHA INGRESO(*): " styleClass="lblForm" />
                                </p:column>
                                <p:column>
                                    <p:calendar id="txtFechaIngreso" locale="es" required="true"
                                                value="#{BKStockInicial.articuloFormulario.fecIngreso}" 
                                                pattern="dd/MM/yyyy" size="16"
                                                showOn="button" showButtonPanel="true" navigator="true">
                                        <p:ajax event="dateSelect" process="@this" />
                                    </p:calendar>
                                    <p:message for="txtFechaIngreso" display="text" />
                                </p:column>
                            </p:row>

                        </p:panelGrid>

                        <p:panelGrid style="width:40%;margin: 10px auto;">

                            <p:row>
                                <p:column>
                                    <p:commandButton action="#{BKStockInicial.comando.aceptar()}" ajax="false" 
                                                     value="#{BKStockInicial.comando.nombre}"/>
                                </p:column>
                                <p:column>
                                    <p:commandButton action="#{MBStockInicial.cancelar()}" ajax="false" immediate="true" value="Cancelar"/>
                                </p:column>
                            </p:row>	

                        </p:panelGrid>
                        <h:panelGrid styleClass="mensaje_obligatorio">(*) Campos Requeridos</h:panelGrid>
                    </p:panel>

                </h:form>

                <p:dialog widgetVar="buscarDireccion"  header="Buscar Sede" modal="true" >
                    <ui:include src="../../../general/direccion.xhtml" /> 
                </p:dialog>
            </f:view>
        </ui:define>
    </ui:composition>

</html>